import React from "react";
import { NavBar } from "react-vant";
import { Tabs, Empty } from "react-vant";
import { useNavigate } from "react-router";
import ka from "./images/ka.jpg";
import styles from './index.module.css';
const Index: React.FC = () => {
  const navigate = useNavigate();
  const items = ["全部", "优惠券(0)", "服务券(0)", "运费券(0)"];
  return (
    <div className={styles.kaquan}>
      <NavBar title="我的卡券页" onClickLeft={() => navigate("/my")} />
      <Tabs defaultActive={2}>
        {items.map((item, ind) => (
          <Tabs.TabPane key={ind} title={item}>
            <Empty
              className={styles.custom_image}
              imageSize={90}
              image={<img src={ka} />}
              description="暂无优惠券"
            />
          </Tabs.TabPane>
        ))}
      </Tabs>
      <div>
        <button className={styles.btn}>历史记录</button>
      </div>
    </div>
  );
};

export default Index;
